<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Le Duc Cuong" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!-- Import The jQuery Script --> 
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script src="js/parallax.js" type="text/javascript"></script>
<script type="text/javascript">
// The plugin code
(function($){
    $.fn.parallax = function(options){
        var $$ = $(this);
        offset = $$.offset();
        var defaults = {
            "start": 0,
            "stop": offset.top + $$.height(),
            "coeff": 0.95
        };
        var opts = $.extend(defaults, options);
        return this.each(function(){
            $(window).bind('scroll', function() {
                windowTop = $(window).scrollTop();
                if((windowTop >= opts.start) && (windowTop <= opts.stop)) {
                    newCoord = windowTop * opts.coeff;
                    $$.css({
                        "background-position": "0 "+ newCoord + "px"
                    });
                }
            });
        });
    };
})(jQuery);

// call the plugin
$('.page-about').parallax({ "coeff":-0.65 });
$('.menu-left').parallax({ "coeff":1.15 });
</script>
<link rel="shortcut icon" href="favicon.ico" />
<title>About page</title>

</head>
<body>
<!-- begin: #Page -->
<div class="page-about">
    <div class="icon-right">
        <ul>
            <li><a href="#"><img src="img/ico_fb.png" /></a></li>
            <li><a href="#"><img src="img/ico_twitter.png" /></a></li>
            <li><a href="#"><img src="img/ico_youtube.png" /></a></li>
            <li><a href="#"><img src="img/ico_video.png" /></a></li>
        </ul>
    </div>
    <!--div class="header">
        <div class="logo">
            <a href="index.html"><img src="img/brandbelow-logo.png" /></a>
        </div>
        <div class="menu-top">
            <ul>
                <li><a href="#">Sitemap</a></li>
                <li><a href="#">Kontakt</a></li>
                <li><a href="#">IMPRESSUM</a></li>
                <li class="last"><a href="#">bbnet</a></li>
            </ul>
        </div>
    </div-->
    <div class="menu-left" data-type="sprite" data-offsetY="1250" data-Xposition="25%" data-speed="2">
        <ul>
            <li class="about"><a class="active" href="about.html">about us</a></li>
            <li class="referenzen"><a href="referenzen.html">referenzen</a></li>
            <li class="intern"><a href="intern.html">intern</a></li>
        </ul>
        <ul class="menu">
            <li><a href="unternehmen.html">unternehmen</a></li>
            <li><a href="philosophie.html">philosophie</a></li>
            <li><a href="team.html">team</a></li>
            <li><a href="marketing.html">btl-marketing</a></li>
            <li><a href="leistungsspektrum.html">leistungsspektrum</a></li>
            <li><a href="kontakt.html">kontakt</a></li>
        </ul>
    </div>
    <div class="main-pages">
        <img src="img/s1_fish1.png" />
        <div class="main-about">
            
            <div class="bottom">about us [-10 feet]</div>
            
        </div>
    </div>
    <div class="clear"></div>
</div>
<!-- end: #Page -->


<div class="page-unternehmen">
    <div class="icon-right">
        <ul>
            <li><a href="#"><img src="img/ico_fb.png" /></a></li>
            <li><a href="#"><img src="img/ico_twitter.png" /></a></li>
            <li><a href="#"><img src="img/ico_youtube.png" /></a></li>
            <li><a href="#"><img src="img/ico_video.png" /></a></li>
        </ul>
    </div>
    <!--div class="header">
        <div class="logo">
            <a href="index.html"><img src="img/brandbelow-logo.png" /></a>
        </div>
        <div class="menu-top">
            <ul>
                <li><a href="#">Sitemap</a></li>
                <li><a href="#">Kontakt</a></li>
                <li><a href="#">IMPRESSUM</a></li>
                <li class="last"><a href="#">bbnet</a></li>
            </ul>
        </div>
    </div-->
    <div class="menu-left">
        <ul>
            <li class="about"><a class="active" href="about.html">about us</a></li>
            <li class="referenzen"><a href="referenzen.html">referenzen</a></li>
            <li class="intern"><a href="intern.html">intern</a></li>
        </ul>
        <ul class="menu">
            <li><a class="active" href="unternehmen.html">unternehmen</a></li>
            <li><a href="philosophie.html">philosophie</a></li>
            <li><a href="team.html">team</a></li>
            <li><a href="marketing.html">btl-marketing</a></li>
            <li><a href="leistungsspektrum.html">leistungsspektrum</a></li>
            <li><a href="kontakt.html">kontakt</a></li>
        </ul>
    </div>
    <div class="main-pages">
        <div class="main-unternehmen">
            <div class="top">
                Only when reduced to its essence<br />
                a thing may be called perfect.
            </div>
            <div class="bottom">
                Elke Müller und Christian Kaiser gründen aus der Agentur at work am 1. September 2004 die Agentur brandbelow.
                Agentursitz in Wiesbaden, Wilhelminenstraße 1a. Lager- und Logistik-Stützpunkt in Wiesbaden Biebrich auf 830 m2.
                Über 20 feste Mitarbeiter und mehr als 300 Freelancer (Promoter, Hostessen, Explainer).
            </div>
            
        </div>
    </div>
    <div class="clear"></div>
</div>
<script src="js/script.js"></script>
</body>
</html>